<template>
  <div>
    <a-card
      style="width: 100%"
      :tab-list="tabListNoTitle"
      :active-tab-key="titleKey"
      @tabChange="key => onTabChange(key)"
      :bordered="false"
      class="br-10"
    >
      <div v-if="titleKey === 'aiIntelligentAssistantConfig'">
        <AiIntelligentAssistantConfig />
      </div>
    </a-card>
  </div>
</template>

<script>
import AiIntelligentAssistantConfig from './aiIntelligentAssistantConfig'
export default {
  name: 'IntelligentAssistant',
  components: {
    AiIntelligentAssistantConfig
  },
  data() {
    return {
      tabListNoTitle: [
        {
          key: 'aiIntelligentAssistantConfig',
          tab: 'AI智能助手配置'
        }
      ],
      titleKey: 'aiIntelligentAssistantConfig'
    }
  },
  methods: {
    onTabChange(key) {
      this.titleKey = key
    }
  }
}
</script>
